<!--
 Copyright (C) Microsoft Corporation. All rights reserved.
 Use of this source code is governed by a BSD-style license. (Couldn't find it lol)
-->
 <!DOCTYPE html>
 <html><head>
    <meta charset="UTF-8">

    <script src="js/util.js"></script>
 

    <link href="css/style.css" rel="stylesheet" media="all">
  </head>

  <body>
    <div id="gradient" style="background: linear-gradient(rgb(56, 194, 238) 0%, rgb(46, 195, 208) 100%);"></div>
    <div id="water" style="background-position: 0px 0px;"></div>
    <canvas id="game-canvas" height="933" width="681" style="width: 681px; height: 933px;"></canvas>
    <div id="interface">
      <div id="stats" style="opacity: 0;"><div id="distance"><div id="counter">0%</div><div id="bar-fill"></div></div><div id="lives"></div><div id="powerups"></div><div id="shields"></div></div>
      <div id="title" style="opacity: 1;"><div id="main">LET'S SURF</div><div id="cta">USE <span>&lt;</span> <span>&gt;</span> AND <span>SPACE</span> TO SELECT A SURFER</div></div>
      <div id="debug"></div>
      <div id="select" style="opacity: 1;"><div id="selector"><svg id="arrow-left" width="40px" height="40px" viewBox="0 0 20 20"><path d="M10,5 l-5,5 M5,10 l5,5" stroke="#000000" stroke-linecap="round" stroke-width="1"></path></svg><svg id="arrow-right" width="40px" height="40px" viewBox="0 0 20 20"><path d="M10,5 l 5,5 M 15,10 l -5,5" stroke="#000000" stroke-linecap="round" stroke-width="1"></path></svg></div></div>
      <div id="info" style="opacity: 0;"></div>
    </div>
    <div id="frost"></div>
    <div style="display:none">
      <img src="" id="ambient64">
      <img src="" id="bottle64">
      <img src="" id="chest128">
      <img src="" id="dogsurf64">
      <img src="" id="enemy128">
      <img src="" id="interactive64">
      <img src="" id="interactive192">
      <img src="" id="interface48">
      <img src="" id="island1280">
      <img src="" id="konami64">
      <img src="" id="objects32">
      <img src="" id="objects64">
      <img src="" id="player64">
      <img src="" id="ripple92">
      <img src="" id="sandbar256">
      <img src="" id="surfboard64">
      <img src="" id="surfer64">
      <img src="" id="swirl128">
      <img src="" id="water256">
    </div>
    <!-- <script src='js/peerjs.js'>  </script>
    <script src='/socket.io/socket.io.js'></script> -->
    <!-- <script src="https://unpkg.com/peerjs@1.4.5/dist/peerjs.min.js"></script> -->


    <!-- <script src='http://cdn.bootcdn.net/ajax/libs/socket.io/3.1.3/socket.io.js'></script> -->
    <!-- <script src="../socket.io/socket.io.js"></script> -->
    <script src="js/socket.js"></script>

    <script src="js/game.js" type="text/javascript"></script>
    <!-- <script src="js/uglyfy压缩.js" type="text/javascript"></script> -->

  <!-- <script src="js/jsnice处理后的game.js"></script> -->
  <!-- Parker Young	Patrick Evan Little
  Scott Porterfield	Charles Duval
  William Devereux	Jonathan Merrin
  Adina Shanholtz	Connor Smith
  Addison Kaufmann -->
</body></html>